 <template>
  <div >
      <div class="m" v-mov="n"></div>
  </div>
</template>
 <script>
export default {
  data() {
    return {
      n:1
    };
  },
  // directives: {
  //   //element是调用指令的dom元素
  //   //binding是绑定的数据

  //   //只有在指令与元素成功绑定，以及指令所在的模板被解析时会被调用
  //   //函数式
  //   big(element, binding) {
  //     element.innerText = binding.value * 10;
  //   },
  //   //对象式
  //   fbig:{
  //       //指令与元素成功绑定时
  //       bind(element, binding){
  //         console.log(element,binding);
  //       element.value=binding.value
  //       },
  //       //指令所在元素被插入页面时
  //       inserted(element, binding){
  //       element.focus()
  //       },
  //       //指令所在的模板被重新解析时也就是dom值发生改变时
  //       update(element, binding){
  //       element.value=binding.value
  //       element.blur()
  //       }

  //   }
  // },
  methods: {},
  mounted(){
  this.n++
  },
  computed: {},
};
</script>
 <style lang='css'>
 input{
     outline: none;
 }
 .m{
   width: 200px;
   height: 100px;
   border: 1px solid #000;
 }
</style>